<template>
    <div class ='listinfoContainer'>
           <a id ='btn' href="javascript:history.back();">
            <span class ='mui-icon-extra mui-icon-extra-arrowleftcricle'></span>
        </a>
        <h3>有何不可———<small>许嵩</small></h3>
            <p>天空好想下雨，我好想住你隔壁</p>
            <p>傻站在你家楼下</p>
            <p>抬起头，数乌云</p>
            <p>如果场景里出现一架钢琴</p>
            <p>我会唱歌给你听</p>
            <p>哪怕好多盆水往下林</p>
            <p>na~~~</p>
            <p>夏天快要过去</p>
            <p>请你少买冰淇淋</p>
            <p>天凉就别穿短裙</p>
            <p>别再那么淘气</p>
            <p>ye~~~~~</p>
            <p>如果有时不那么开心</p>
            <p>我愿意将格洛米借给你</p>
            <p>你其实明白我心意</p>
            <p>为你唱这首歌</p>
            <p>没有什么风格</p>
            <p>他仅仅代表着</p>
            <p>我想给你快乐</p>
            <p>为你解冻冰河</p>
            <p>为你做一只扑火的飞蛾</p>
            <p>没有什么事情是不值得</p>
      
    </div>
</template>
<script>
export default {
    dat(){
        return {}
    }
}
</script>

<style lang="less" scoped>
  #btn {
        position:absolute;
        top:0;
        left:10px;
        width:40px;
        height:40px;
        z-index: 999;
        color:#fff;
        background:#26a2ff;
        line-height:50px;
        text-align:center;
    }
    .listinfoContainer {
        background:url("/src/img/bg.gif");
        h3{
            text-align:center;
            color:hotpink;
            font-size:15px;
            padding-bottom:10px;
        }
        p{
            color:#31c27c;
            text-align:center;
            font-size: 13px;
            padding:0;
        }
    }
</style>
